<template>
    <div class="main-right">
      <Nav title="最新动态" path="/infoList" />
      <div class="right-nr">
            <div class="view-title">
                <h1>{{infoDetail.title}}</h1>
            </div>
            <div class="view-info">
                <span>发布时间：{{infoDetail.ttime}}</span>
            </div>
            <div class="view-cnt" v-html="infoDetail.info">
            </div>
      </div>
    </div>
  </template>  
  <script>
  import Nav from "./components/nav"
  export default {
      components:{
          Nav
      },
      data(){
          return {
            infoDetail:{}
          }
      },
      created(){
            let infoDetail = localStorage.getItem('infoDetail');
            this.infoDetail=infoDetail?JSON.parse(infoDetail):'';
            console.log(infoDetail)
      },
      methods:{

      }
  }
  </script>
  <style>
  .right-nr {
      font-size: 16px;
      color: #666;
      position: relative;
      padding-bottom: 50px;
  }
  .view-title {
    text-align: center;
    line-height: 28px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 20px;
    h1 {
        color: 333;
        font-size: 18px;
    }
}
.view-info {
    text-align: center;
    color: #999;
}
.view-info span {
    font-size: 14px;
    font-weight: normal;
}
.view-cnt {
    margin-top: 10px;
    line-height: 29px; 
}

  </style>